<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>首页</title>
</head>
<body>
	<form id='SearchForm' action="{% url 'music:search' 1 %}" method="post" target="_blank">
		{% csrf_token %}
		<div class="Search-keyword">
			<input type="text" name="kword" class="kword" maxlength="120" placeholder="音乐节">
		</div>				
		<input id="subSerch" type="submit" class="search_button" value="搜锁">
	</form>
	<!-- #热们歌曲 -->
	<div id="suggest"></div>
	<div class="search_hot-words">
		<h3>热们搜索歌曲</h3>
		{% for song in search_song  %}
			<a taget='paly' href="{% url 'music:play' song.song.song_id %}">{{ song.song.song_name }}</a>
		{% endfor %}
	</div>
	<div>
		<h3>导航</h3>
		<ul>
			<li><a href="/">首页</a></li>
			<li><a href="{% url 'music:rank' %}" target="_blank">歌曲排行</a></li>
			<li><a href="" target="_blank">用户中心</a></li>

		</ul>
	</div>
	<div class="category-nav-body">
		<h3>分类</h3>
		<div id="JCategoryItems" class="category-items"> 
			{% for label in label_list %}
				<div class="item" data-index="1"><h3>
					<a href="javascript: ">{{label.label_name}}</a></h3> </div>
			{% endfor %} 
		</div> 
	</div>
	 

	<div class="aside">
		<h2>热门歌曲前十排行帮</h2>
		<ul>
			{% for song in play_hot_song %}
			<li>
				<span>{{ forloop.counter }}</span>
				<a target="play" href="{% url 'music:play' song.song.song_id %}">{{song.song.song_name}}</a>
			</li>	
			{% endfor %}
		</ul>
	</div> 

	<div id="JTodayRec" class="today-list"> 
		<h3>新歌榜</h3>
		<ul>
			{% for list in daily_recommendation %} 
				<a class="piclayzloadpicpo" target="play" href="">
				<img data-src=""></a> 
				<div class="name">
					<h3>
						<a target="play" href=""> {{ list.song_name }}</a>
					</h3>
					<div class="singer">
						<span>{{list.song_singer}}</span>
					</div>
				<div class="times">发行时间：<span>{{ list.song_release }}</span></div> 
				</div>
				<a target="play" href="" class="today-buy- button">去听听></a>
			{% endfor %} 
		</ul>

		</div>
		<div id="JTabCon" class="tab-container-cell"> 
			<h3>热门搜索及下载排行榜</h3>
		
			{% for list in all_ranking %}
			<ul class="product-listclearfixtscurrent"> 
				{% for songs in list %}

					
					<li>
						<span>{{ forloop.counter }}</span>
						<a href=""><img src=""></a>
						<h3><a href="">{{ songs.song.song_name }}</a></h3>
						<div><span>{{ songs.song.song_singer}}</span></div>	
						<div>搜索次数：<span>{{ songs.dynamic_search }}</span>
						</div>	
						<div>下载次数：<span>{{ songs.dynamic_down }}</span></div>	
					</li>


				{% endfor %}
			</ul>
			{% endfor %}
		</div>


</body>
</html>